@mixin scroll-bar {
        &::-webkit-scrollbar {
            /*滚动条整体样式*/
            width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
            height: 1px;
        }
        &::-webkit-scrollbar-thumb {
            /*滚动条里面小方块*/
            border-radius: 5px;
            box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
            background   : #969595;
        }
        &::-webkit-scrollbar-track {
            /*滚动条里面轨道*/
            box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
            border-radius: 10px;
            background   : #ededed;
        }
}
.page {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;


    .left {
        width: 200px;
        height: 100%;
        overflow-y: auto;
        @include scroll-bar();

        .menu {
            font-size: 18px;
            line-height: 22px;
            font-weight: 500;
            color: #333;
        }    
        .submenu {
            padding-left: 15px;

            .menu-item {
                color: #666;
                font-size: 14px;
                line-height: 18px;
                list-style: none;
                outline: none;

                &:hover {
                    cursor: pointer;
                }
            }
        }
    }

    .right {
        flex: 1;
        height: 100%;
        overflow-y: auto;
    }
}
